<!-- 说明 -->
<template>
  <el-descriptions direction="vertical" :column="column">
    <el-descriptions-item
      v-for="(item, index) in data"
      :key="index"
      lass-name="useCell"
      label-class-name="useLabel"
      :label="item.label"
      :span="item.span"
      >{{ item.value }}</el-descriptions-item
    >
  </el-descriptions>
</template>
<script setup>
defineProps({
  column: {
    type: Number,
    default: 4,
  },
  data: {
    type: Array,
    default: [],
  },
});
</script>
<style scoped lang="scss">
.el-descriptions {
  flex: 1;
}

::v-deep(.el-descriptions__body) {
  .el-descriptions__table .el-descriptions__cell {
    line-height: 20px !important;
    color: #000;
  }
}

::v-deep(.useLabel) {
  color: var(--use-color-info-light-3) !important;
  padding-bottom: 4px !important;
}
</style>
